<%@ page language="java" contentType="text/html; charset=UTF-8"	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<%@ taglib prefix="s" uri="/struts-tags"%>
<jsp:include page="js/jsAll.html"></jsp:include>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>朝阳教堂</title>
<link rel="stylesheet" href="css/style.css" type="text/css" />
</head>
<script type="text/javascript">
	Ext.onReady(function() {

		Ext.QuickTips.init();
 
	 
		var store = new Ext.data.JsonStore({
			root : 'root',
			url : 'getVideoList.action',
			fields : [ 'id', 'name', 'commont','path']
		});
		store.load();
		function renderToShow(value, p, record){
	        return String.format(
	                '<b><a href="show_video.jsp?name={0}&path={1}&subject={2}" target="_blank">查看</a></b>',record.data["name"],value,record.data["id"]);
		}
		var grid = new Ext.grid.GridPanel({
			region : "north",
			store : store,
			columns : [ {
				id : 'id',
				header : "id",
				width : 40,
				sortable : true,
				dataIndex : 'id'
			}, {
				header : "名称",
				width : 75,
				sortable : true,
				dataIndex : 'name'
			}, {
				header : "查看",
				width : 175,
				sortable : true,
				dataIndex : 'path',
				renderer:renderToShow
			}, {
				header : "说明",
				width : 375,
				sortable : true,
				dataIndex : 'commont'
			}],
			stripeRows : true,
			height : 300,
			sm : new Ext.grid.RowSelectionModel({
				singleSelect : true
			}),
			title : '视频列表',
		});
		grid.render('ann-content');

	});
</script>
<body  class="mt-main-index">

<div id="top"><a href="chooseLocales.action?lanague=zh">中文</a>/<a href="chooseLocales.action?lanague=en" >English</a></div>
<div id="container">
<div id="header">
<div id="header-inner">
<div id="header-content">
<h1 id="header-name"></h1>
</div> <!-- end header-content --> 
</div> <!-- end header-inner --> 
</div> <!-- end header --> 
 
 <div id="main-navigation">
     <ul>
     <s:i18n name="globalMessage">
    	<li><a href="index.jsp"><s:text name="menu.home" /></a></li>
     	<li><a href="#"><s:text name="menu.children"/></a>
     	   	<ul class='nav-level-2'>
	     		<li><a href="children.jsp"><s:text name="menu.childrensworkdisplayed" /></a></li>
	     		<li><a href="class.jsp"><s:text name="menu.elective" /></a></li>
     		</ul>
     	</li>
     	<li><a href="chat.jsp"><s:text name="menu.chat" /></a></li> 
       	<li><a href="map.jsp"><s:text name="menu.map" /></a></li>
       	<li><a href="music.jsp"><s:text name="menu.mp3dowload" /></a></li>
       </s:i18n>
      </ul>
    </div><!--end main-navigation --> 
	<div id="content">
  	<div id="ann-content"></div>
    </div><!--end content-->
	<div id="footer">
    	版本所有©北京朝阳教堂
    </div>
</div> <!-- end container --> 
</body>
</html>